$(function () {
    // 获取
    let user = document.querySelector('.user')
    let userror = document.querySelector('.userror')
    // 定义标杆对象
    let flat = {
        user: false,
        pwd: false,
        phone: false,

    }
    // 注册失焦事件
    user.addEventListener('blur', function () {
        // 获取输入信息
        let userVal = user.value;
        // 定义输入值
        let userRsg = /^[a-zA-Z]\w{5,11}$/;
        // 对比输入值
        let bool = userRsg.test(userVal);
        // 判断
        if (bool) {
            // 正确
            userror.innerHTML = '';
            user.style.borderColor = '#ccc'
            user = true
        } else {
            // 错误
            userror.innerHTML = '帐户名错误 请输入6-12位以字母开头的字母和数字'
            user.style.borderColor = 'red'
            user = false
        }
    })
    // 获取
    let pwd = document.querySelector('.pwd')
    let pwderror = document.querySelector('.pwderror')
    // 注册失焦事件
    pwd.addEventListener('blur', function () {
        // 获取输入信息
        let pwdVal = pwd.value;
        // 定义输入值
        let pwdRsg = /^[a-zAz]\w{5,11}$/;
        // 对比输入值
        let bool = pwdRsg.test(pwdVal);
        // 判断
        if (bool) {
            // 正确
            pwderror.innerHTML = '';
            pwd.style.borderColor = '#ccc';
            pwd = true

        } else {
            // 错误
            pwderror.innerHTML = '密码错误 请输入6-12位以字母开头的字母和数字';
            pwd.style.borderColor = 'red';
            pwd = false
        }
    })
    // 获取
    let pwdtow = document.querySelector('.pwdtow')
    let error = document.querySelector('.error')
    // 注册失焦事件
    pwdtow.addEventListener('blur', function () {
        // 获取输入信息
        let pwdtowVal = pwdtow.value;
        // 定义输入值
        let pwdVal = pwd.value;
        // 对比输入值
        let bool = pwdtowVal.includes(pwdVal)
        // 判断 
        if (bool) {
            // 正确
            error.innerHTML = ''
            error.style.borderColor = '#ccc';
        } else {
            // 错误
            error.innerHTML = '输入密码两次不一致，请重新输入'
            error.style.borderColor = 'red';
        }
    })
    // 获取
    let phone = document.querySelector('.phone')
    let phonerror = document.querySelector('.phonerror')
    // 注册失焦事件
    phone.addEventListener('blur', function () {
        // 获取输入信息
        let phoneVal = phone.value;
        // 定义输入值
        let phoneRsg = /^1[3-9]\d{9}$/;
        // 对比输入值
        let bool = phoneRsg.test(phoneVal);
        // 判断 
        if (bool) {
            // 正确
            phonerror.innerHTML = ''
            phone.style.borderColor = '#ccc'
            phone = true
        } else {
            // 错误
            phonerror.innerHTML = '请输入正确的11位数的手机号码';
            phone.style.borderColor = 'red'
            phone = false
        }
    })
    let enroll = document.querySelector('.enroll')
    // 只验证失败情况
    enroll.addEventListener('submit', function (event) {
        // 账户错误
        if (!flat.user) {
            userror.innerHTML = '帐户名错误 请输入6-12位以字母开头的字母和数字'
            user.style.borderColor = 'red'
            event.preventDefault()
        }
        // 密码错误
        if (!flat.pwd) {
            pwderror.innerHTML = '密码错误 请输入6-12位以字母开头的字母和数字';
            pwd.style.borderColor = 'red';
            event.preventDefault()
        }
        // 手机号错误
        if (!flat.phone) {
            phonerror.innerHTML = '请输入正确的11位数的手机号码';
            phone.style.borderColor = 'red'
            event.preventDefault()
        }
    })
    // 获取
    let chcbox = document.querySelector('.chcbox')
    let sura = document.querySelector('.sura')
   
// 注册点击失件
    chcbox.addEventListener('click', function () {
        // 当checked为真时
        if (chcbox.checked) {
            // 开启按钮
            sura.disabled = '';
            sura.style.background = '#f60'
        } else {
            // 禁用按钮
            sura.disabled = 'disabled';
            sura.style.background = '#ccc'
        }
    })





})
